<!DOCTYPE html>
<html lang="zh-CN" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>openatom-R-D-Department | openatom-R-D-Department</title>
    <meta name="description" content="Just playing around.">
    <meta name="generator" content="VitePress v1.0.0-rc.31">
    <link rel="preload stylesheet" href="/openatom-R-D-Department-book/assets/style.DQJF-5on.css" as="style">
    
    <script type="module" src="/openatom-R-D-Department-book/assets/app.Uvdw_UKM.js"></script>
    <link rel="preload" href="/openatom-R-D-Department-book/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
    <link rel="modulepreload" href="/openatom-R-D-Department-book/assets/chunks/framework.0BOmzfss.js">
    <link rel="modulepreload" href="/openatom-R-D-Department-book/assets/chunks/theme.wkqLPEzR.js">
    <link rel="modulepreload" href="/openatom-R-D-Department-book/assets/handbook_html_vuecomponents.md.V8NFF1KT.lean.js">
    <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
    <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
  </head>
  <body>
    <div id="app"><div class="Layout" data-v-b2ec740b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-b20e631d></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-b20e631d> Skip to content </a><!--]--><!----><header class="VPNav" data-v-b2ec740b data-v-64278d09><div class="VPNavBar" data-v-64278d09 data-v-31af4d5b><div class="container" data-v-31af4d5b><div class="title" data-v-31af4d5b><div class="VPNavBarTitle" data-v-31af4d5b data-v-3cd43cf9><a class="title" href="/openatom-R-D-Department-book/" data-v-3cd43cf9><!--[--><!--]--><!----><!--[-->openatom-R-D-Department<!--]--><!--[--><!--]--></a></div></div><div class="content" data-v-31af4d5b><div class="curtain" data-v-31af4d5b></div><div class="content-body" data-v-31af4d5b><!--[--><!--]--><div class="VPNavBarSearch search" data-v-31af4d5b><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg class="DocSearch-Search-Icon" width="20" height="20" viewBox="0 0 20 20" aria-label="search icon"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-31af4d5b data-v-36ed0b31><span id="main-nav-aria-label" class="visually-hidden" data-v-36ed0b31>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/openatom-R-D-Department-book/" tabindex="0" data-v-36ed0b31 data-v-66181500><!--[--><span data-v-66181500>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/openatom-R-D-Department-book/handbook/web/" tabindex="0" data-v-36ed0b31 data-v-66181500><!--[--><span data-v-66181500>前端开发</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/openatom-R-D-Department-book/handbook/geekVerse/" tabindex="0" data-v-36ed0b31 data-v-66181500><!--[--><span data-v-66181500>GeekVerse</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-36ed0b31 data-v-7ab15265><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-7ab15265><span class="text" data-v-7ab15265><!----><span data-v-7ab15265>天畅的博客</span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="text-icon" data-v-7ab15265><path d="M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"></path></svg></span></button><div class="menu" data-v-7ab15265><div class="VPMenu" data-v-7ab15265 data-v-3c621986><div class="items" data-v-3c621986><!--[--><!--[--><div class="VPMenuLink" data-v-3c621986 data-v-132ebb50><a class="VPLink link vp-external-link-icon" href="https://atomgit.com/tianchang" target="_blank" rel="noreferrer" data-v-132ebb50><!--[-->atomGit<!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-3c621986 data-v-132ebb50><a class="VPLink link vp-external-link-icon" href="https://github.com/tianchangNorth" target="_blank" rel="noreferrer" data-v-132ebb50><!--[-->github<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-31af4d5b data-v-c4067ba5><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-c4067ba5 data-v-ff6d4b63 data-v-e36469ec><span class="check" data-v-e36469ec><span class="icon" data-v-e36469ec><!--[--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="sun" data-v-ff6d4b63><path d="M12,18c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S15.3,18,12,18zM12,8c-2.2,0-4,1.8-4,4c0,2.2,1.8,4,4,4c2.2,0,4-1.8,4-4C16,9.8,14.2,8,12,8z"></path><path d="M12,4c-0.6,0-1-0.4-1-1V1c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,3.6,12.6,4,12,4z"></path><path d="M12,24c-0.6,0-1-0.4-1-1v-2c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,23.6,12.6,24,12,24z"></path><path d="M5.6,6.6c-0.3,0-0.5-0.1-0.7-0.3L3.5,4.9c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C6.2,6.5,5.9,6.6,5.6,6.6z"></path><path d="M19.8,20.8c-0.3,0-0.5-0.1-0.7-0.3l-1.4-1.4c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C20.3,20.7,20,20.8,19.8,20.8z"></path><path d="M3,13H1c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S3.6,13,3,13z"></path><path d="M23,13h-2c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S23.6,13,23,13z"></path><path d="M4.2,20.8c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C4.7,20.7,4.5,20.8,4.2,20.8z"></path><path d="M18.4,6.6c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C18.9,6.5,18.6,6.6,18.4,6.6z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="moon" data-v-ff6d4b63><path d="M12.1,22c-0.3,0-0.6,0-0.9,0c-5.5-0.5-9.5-5.4-9-10.9c0.4-4.8,4.2-8.6,9-9c0.4,0,0.8,0.2,1,0.5c0.2,0.3,0.2,0.8-0.1,1.1c-2,2.7-1.4,6.4,1.3,8.4c2.1,1.6,5,1.6,7.1,0c0.3-0.2,0.7-0.3,1.1-0.1c0.3,0.2,0.5,0.6,0.5,1c-0.2,2.7-1.5,5.1-3.6,6.8C16.6,21.2,14.4,22,12.1,22zM9.3,4.4c-2.9,1-5,3.6-5.2,6.8c-0.4,4.4,2.8,8.3,7.2,8.7c2.1,0.2,4.2-0.4,5.8-1.8c1.1-0.9,1.9-2.1,2.4-3.4c-2.5,0.9-5.3,0.5-7.5-1.1C9.2,11.4,8.1,7.7,9.3,4.4z"></path></svg><!--]--></span></span></button></div><!----><div class="VPFlyout VPNavBarExtra extra" data-v-31af4d5b data-v-13674a51 data-v-7ab15265><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7ab15265><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="icon" data-v-7ab15265><circle cx="12" cy="12" r="2"></circle><circle cx="19" cy="12" r="2"></circle><circle cx="5" cy="12" r="2"></circle></svg></button><div class="menu" data-v-7ab15265><div class="VPMenu" data-v-7ab15265 data-v-3c621986><!----><!--[--><!--[--><!----><div class="group" data-v-13674a51><div class="item appearance" data-v-13674a51><p class="label" data-v-13674a51>Appearance</p><div class="appearance-action" data-v-13674a51><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-13674a51 data-v-ff6d4b63 data-v-e36469ec><span class="check" data-v-e36469ec><span class="icon" data-v-e36469ec><!--[--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="sun" data-v-ff6d4b63><path d="M12,18c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S15.3,18,12,18zM12,8c-2.2,0-4,1.8-4,4c0,2.2,1.8,4,4,4c2.2,0,4-1.8,4-4C16,9.8,14.2,8,12,8z"></path><path d="M12,4c-0.6,0-1-0.4-1-1V1c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,3.6,12.6,4,12,4z"></path><path d="M12,24c-0.6,0-1-0.4-1-1v-2c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,23.6,12.6,24,12,24z"></path><path d="M5.6,6.6c-0.3,0-0.5-0.1-0.7-0.3L3.5,4.9c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C6.2,6.5,5.9,6.6,5.6,6.6z"></path><path d="M19.8,20.8c-0.3,0-0.5-0.1-0.7-0.3l-1.4-1.4c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C20.3,20.7,20,20.8,19.8,20.8z"></path><path d="M3,13H1c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S3.6,13,3,13z"></path><path d="M23,13h-2c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S23.6,13,23,13z"></path><path d="M4.2,20.8c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C4.7,20.7,4.5,20.8,4.2,20.8z"></path><path d="M18.4,6.6c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C18.9,6.5,18.6,6.6,18.4,6.6z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="moon" data-v-ff6d4b63><path d="M12.1,22c-0.3,0-0.6,0-0.9,0c-5.5-0.5-9.5-5.4-9-10.9c0.4-4.8,4.2-8.6,9-9c0.4,0,0.8,0.2,1,0.5c0.2,0.3,0.2,0.8-0.1,1.1c-2,2.7-1.4,6.4,1.3,8.4c2.1,1.6,5,1.6,7.1,0c0.3-0.2,0.7-0.3,1.1-0.1c0.3,0.2,0.5,0.6,0.5,1c-0.2,2.7-1.5,5.1-3.6,6.8C16.6,21.2,14.4,22,12.1,22zM9.3,4.4c-2.9,1-5,3.6-5.2,6.8c-0.4,4.4,2.8,8.3,7.2,8.7c2.1,0.2,4.2-0.4,5.8-1.8c1.1-0.9,1.9-2.1,2.4-3.4c-2.5,0.9-5.3,0.5-7.5-1.1C9.2,11.4,8.1,7.7,9.3,4.4z"></path></svg><!--]--></span></span></button></div></div></div><!----><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-31af4d5b data-v-6c970607><span class="container" data-v-6c970607><span class="top" data-v-6c970607></span><span class="middle" data-v-6c970607></span><span class="bottom" data-v-6c970607></span></span></button></div></div></div></div><!----></header><div class="VPLocalNav fixed reached-top" data-v-b2ec740b data-v-d0abc048><!----><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-d0abc048 data-v-e4548571><button data-v-e4548571>Return to top</button><!----></div></div><!----><div class="VPContent" id="VPContent" data-v-b2ec740b data-v-eca812c7><div class="VPDoc has-aside" data-v-eca812c7 data-v-5231a207><!--[--><!--]--><div class="container" data-v-5231a207><div class="aside" data-v-5231a207><div class="aside-curtain" data-v-5231a207></div><div class="aside-container" data-v-5231a207><div class="aside-content" data-v-5231a207><div class="VPDocAside" data-v-5231a207 data-v-8e8afcfb><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-8e8afcfb data-v-dda6f421><div class="content" data-v-dda6f421><div class="outline-marker" data-v-dda6f421></div><div class="outline-title" role="heading" aria-level="2" data-v-dda6f421>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-dda6f421><span class="visually-hidden" id="doc-outline-aria-label" data-v-dda6f421> Table of Contents for current page </span><ul class="root" data-v-dda6f421 data-v-a6c6d753><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-8e8afcfb></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-5231a207><div class="content-container" data-v-5231a207><!--[--><!--]--><!----><main class="main" data-v-5231a207><div style="position:relative;" class="vp-doc _openatom-R-D-Department-book_handbook_html_vuecomponents" data-v-5231a207><div></div></div></main><footer class="VPDocFooter" data-v-5231a207 data-v-cb3edae7><!--[--><!--]--><!----><!----></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
    <script>window.__VP_HASH_MAP__=JSON.parse("{\"handbook_web_index.md\":\"-FH9G34q\",\"handbook_web_js_执行上下文栈.md\":\"KVbPXVM9\",\"handbook_mypage_index.md\":\"0bXIlhcn\",\"handbook_web_js_变量对象.md\":\"wPOAus69\",\"handbook_html_vuecomponents.md\":\"V8NFF1KT\",\"index.md\":\"LsvMACSy\",\"handbook_geekverse_index.md\":\"y_iNjQgP\",\"handbook_web_js_词法作用域和动态作用域.md\":\"XXkvbqxu\",\"handbook_geekverse_开源即责任.md\":\"FX-Rp-eM\",\"handbook_web_react_reacthooks.md\":\"DLe-KgJk\",\"handbook_web_js_原型到原型链.md\":\"7GLvELg1\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"openatom-R-D-Department\",\"description\":\"Just playing around.\",\"base\":\"/openatom-R-D-Department-book/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"subSidebar\":\"auto\",\"nav\":[{\"text\":\"首页\",\"link\":\"/\"},{\"text\":\"前端开发\",\"link\":\"/handbook/web/\",\"items\":[{\"text\":\"JavaScript\",\"link\":\"/handbook/web/js/\"},{\"text\":\"React\",\"link\":\"/handbook/web/react/\"}]},{\"text\":\"GeekVerse\",\"link\":\"/handbook/geekVerse/\"},{\"text\":\"天畅的博客\",\"items\":[{\"text\":\"atomGit\",\"link\":\"https://atomgit.com/tianchang\"},{\"text\":\"github\",\"link\":\"https://github.com/tianchangNorth\"}]}],\"sidebar\":{\"/handbook/web/\":[{\"text\":\"JavaScript\",\"collapsible\":true,\"collapsed\":true,\"items\":[{\"text\":\"原型到原型链\",\"link\":\"/handbook/web/js/原型到原型链\"},{\"text\":\"词法作用域和动态作用域\",\"link\":\"/handbook/web/js/词法作用域和动态作用域\"},{\"text\":\"执行上下文栈\",\"link\":\"/handbook/web/js/执行上下文栈\"},{\"text\":\"变量对象\",\"link\":\"/handbook/web/js/变量对象\"}]},{\"text\":\"React\",\"collapsible\":true,\"collapsed\":true,\"items\":[{\"text\":\"React Hooks\",\"link\":\"/handbook/web/react/ReactHooks\"}]},{\"text\":\"Vue\",\"collapsible\":true,\"collapsed\":true,\"items\":[{\"text\":\"Vue\",\"link\":\"/handbook/html/vuecomponents\"}]}],\"/handbook/geekVerse/\":[{\"text\":\"geekVerse\",\"collapsible\":true,\"collapsed\":false,\"items\":[{\"text\":\"开源即责任\",\"link\":\"/handbook/geekVerse/开源即责任\"}]}]},\"search\":{\"provider\":\"local\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}");</script>
    
  </body>
</html>